@charset "utf-8";
/* ===================引导页样式========================== */
.banner{width: 100%;position: relative;}
.banner-img{width: 100%;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-pc{display: block;min-height: 400px;}
.banner-mb{display: none;min-height: 320px;}
.banner-wd{position: absolute;width: 100%;left: 0;top: 46%;z-index: 2;color: #333;transform: translateY(-50%);}
.banner-wdfd{width: 50%;float: right;}
.banner-wd h6{font-size: 36px;}
.banner-wd p{font-size: 60px;margin: 44px 0 50px;font-weight: 600;}
.banner-wd span{width: 112px;height: 34px;line-height: 34px;animation: proBr 1s ease both 800ms;opacity: 1;display: block;border-radius: 30px;background: #1374df;font-size: 14px;font-weight: 300;color: #fff;text-align: center;}
/* .swiper-slide-active .banner-wd h6{animation: indDhh 1s ease both 1s;}
.swiper-slide-active .banner-wd p{animation: indDhp 1s ease both 1s;}
@keyframes indDhh{0%{opacity: 0;transform: translateX(-120px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes indDhp{0%{opacity: 0;transform: translateX(120px);}100%{opacity: 1;transform: translateX(0);}} */
.banner .swpfocus.swiper-pagination{bottom: 20px;}
.swpfocus.swiper-pagination span{margin: 0 7px !important;vertical-align: middle;}
.swpfocus.swiper-pagination .swiper-pagination-bullet{width: 14px;height: 5px;border-radius: 10px;background: #eaeaea;opacity: 1;}
.swpfocus.swiper-pagination .swiper-pagination-bullet-active{width: 24px;background: #b7b7b7;}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 44px;height: 72px;margin-top: -36px;background: #d6d6d6 url('../images/index/banArr.png') no-repeat left 10px center;transition: all .4s ease;}
.banner .swiper-button-prev{left: 0;}
.banner .swiper-button-next{right: 0;transform: rotate(180deg);}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background-color: #333;background-image: url('../images/index/banArrH.png');}

.banner-one-slide .banner-wd{top: 28%;}
.banner-one-slide .banner-wdfd{text-align: right;}
.banner-one-slide .banner-wd span{float: right;}


.indabo{width: 100%;background: #f6f6f6;padding: 26px 0;}
.indabo-xx{width: 100%;}
.indabo-xx li{width: 48.8%;position: relative;}
.indabo-xx li:first-child{float: left;}
.indabo-xx li:last-child{float: right;}
.indabo-xx li a{display: block;width: 100%;overflow: hidden;}
.indabo-xxpic{width: 100%;object-fit: cover;transition: all 1s ease;}
.indabo-xxwd{position: absolute;width: 100%;left: 0;bottom: 24px;z-index: 2;color: #fff;padding: 0 6%;}
.indabo-xxwd h6{font-size: 24px;line-height: 30px;}
.indabo-xxwd p{font-size: 14px;margin-top: 12px;color: #fff;}.indabo-xxwd span{font-size: 14px;margin-top: 12px;color: #777;display:block;}
.indabo-xx li a:hover .indabo-xxpic{transform: scale(1.04);}
.indabo-xxitem{width: 100%;position: relative;}
.indabo-xxpro{height: 406px;background: #fff;margin-top: 28px;box-shadow: 0 4px 12px 4px #d9d9d9;}
.indabo-xximg{max-width: 100%;margin: 52px 0 0 20px;}
.indabo-xxpro .indabo-xxwd{color: #333;width: auto;left: auto;bottom: auto;right: 84px;top: 38%;padding: 0;}
.indabo-vd{width: 100%;position: relative;margin-top: 30px;}
.indabo-vdbg{width: 100%;object-fit: cover;}
.indabo-vd i{width: 100px;height: 100px;display: block;position: absolute;z-index: 2;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;}
.indabo-vd i img{width: 100%;transition: all .4s ease;}
.vdBox-show{cursor: pointer;}
.indabo-vd i:hover img{animation: indvdI .8s ease-in-out both;}
@keyframes indvdI{0%{transform: scale(1);}30%{transform: scale(.8);}50%{transform: scale(1);}70%{transform: scale(.9);}100%{transform: scale(1);}}
/* 视频弹窗 */
.vdBox{display: none;opacity: 0;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.vd{display: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.vdcontent{display: flex;justify-content: center;align-items: center;position: relative;width: 60%;height: 100%;margin: 0 auto;}
.vdcontent-core{position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.vdcontent-core video{width: 100%;}
.vdBox-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../images/public/vdclose.png') no-repeat center;cursor: pointer;opacity: .5;transition: all .6s ease;}
.vdBox-close:hover{opacity: 1;}
/* ==over== */

.news{width: 100%;padding: 84px 0 120px}
.news-tit{width: 100%;text-align: center;color: #333;}
.news-tit h6{font-size: 36px;}
.news-tit a{display: block;width: 100%;font-size: 14px;margin-top: 14px;color: #777;}
.news-list{width: 100%;margin-top: 80px;}
.news-list ul{margin-left: -1.5%;}
.news-list li{width: 23.5%;margin-left: 1.5%;position: relative;float: left;}
.news-list li a{display: block;width: 100%;}
.news-img{width: 100%;overflow: hidden;}
.news-img img{width: 100%;object-fit: cover;transition: all 1s ease;}
.news-wd{width: 100%;padding-top: 18px;color: #333;}
.news-wd h6{font-size: 16px;line-height: 18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-wd p{font-size: 12px;color: #777;line-height: 24px;height: 72px;margin-top: 16px;padding-right: 50px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-list li a:hover .news-img img{transform: scale(1.06);}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .news {padding: 68px 0 100px;}
    .news-list {margin-top: 68px;}
    .banner-wd h6{font-size: 32px;}
    .banner-wd p{font-size: 50px;margin: 40px 0 44px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .news {padding: 60px 0 80px;}
    .news-list {margin-top: 60px;}
    .banner-wd h6{font-size: 28px;}
    .banner-wd p{font-size: 40px;margin: 32px 0 38px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .vdcontent{width: 80%;}
    .indabo-xxpro{height: 348px;}
    .indabo-xximg {margin: 20px 0 0 0px;}
    .news-tit h6 {font-size: 32px;}
    .indabo-xxpro .indabo-xxwd{right: 60px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .indabo-xxpro .indabo-xxwd{right: 32px;}
    .banner-pc{height: auto !important;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .indabo-xxwd h6 {font-size: 20px;line-height: 26px;}
    .indabo-xxpro {height: auto;padding: 20px 0;}
    .indabo-xximg {margin: 0;}
    .indabo-xxpro .indabo-xxwd{right: 20px;}
    .indabo-vd i{width: 80px;height: 80px;margin-left: -40px;margin-top: -40px;}
    .banner-wd h6{font-size: 24px;}
    .banner-wd p{font-size: 32px;margin: 24px 0 28px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-pc{display: none;}
    .banner-mb{display: block;}
    .vdcontent{width: 96%;}
    .vdBox-close {right: 0;}
    .banner .swiper-button-prev, .banner .swiper-button-next {width: 36px;height: 60px;margin-top: -30px;background-size: 12px auto;}
    .banner .swpfocus.swiper-pagination {bottom: 10px;}
    .indabo-xx li{width: 100%;}
    .indabo-xxitem{margin-top: 24px !important;}
    .indabo-xximg{max-width: 80%;}
    .indabo-xxpro .indabo-xxwd{top: 28%;}
    .indabo-vdbg{min-height: 220px;}
    .indabo-vd i{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
    .news {padding: 36px 0 40px;}
    .news-tit h6 {font-size: 24px;}
    .news-tit a{margin-top: 10px;}
    .news-list {margin-top: 16px;}
    .news-list ul {margin-left: 0%;}
    .news-list li {width: 100%;margin-left: 0%;margin-top: 20px;}
    .news-wd p {height: 48px;margin-top: 12px;padding-right: 0;-webkit-line-clamp: 2;}
    .banner-wdfd {width: 100%;text-align: center;}
    .banner-wd h6 {font-size: 18px;}
    .banner-wd p {font-size: 22px;margin: 12px 0 16px;}
    .banner-wd span {width: 100px;height: 30px;line-height: 30px;margin: 0 auto;}
    .banner-wd {top: 32px;transform: translateY(0);}
    .banner-img{/*padding-top: 68px;*/position: relative;}

    .banner-one-slide .banner-wd{top: 32px;display: none}
    .banner-one-slide .banner-wdfd{text-align: center;}
    .banner-one-slide .banner-wd span{float: none;}
}